.api-section .api-card {
  background: var(--bg-container);
  padding: 30px 20px;
  border-radius: 20px;
  height: 100%;
}
.dark-mode .api-section .api-card {
  background: var(--bg-container-dark);
}
.api-section .api-card.active {
  background: var(--main-linear);
}
.api-section .api-card .api-method-head {
  color: #000;
}
.dark-mode .api-section .api-card .api-method-head {
  color: #999;
}
.api-section .api-card.active .api-method-head {
  color: #000;
}
.dark-mode .api-section .api-card.active .api-method-head {
  color: #fff;
}
.api-section .api-card i {
  background-color: var(--bg-body);
  padding: 10px;
  border-radius: 50%;
  color: var(--main-color);
}
.dark-mode .api-section .api-card i {
  background-color: var(--bg-body-dark);
}
.api-section .api-card a {
  color: #000;
  text-decoration: none;
}
.dark-mode .api-section .api-card a {
  color: #fff;
}
.api-section .api-data {
  background: var(--bg-container);
  border-radius: 20px;
  overflow: hidden;
}
.dark-mode .api-section .api-data {
  background: var(--bg-container-dark);
}
.api-section .main-head-api {
  background: var(--main-linear);
  padding: 0.5rem 1rem;
}
.api-section .main-head-api h4 {
  margin-bottom: 0;
}
.arabic-version pre {
  direction: rtl;
}
.dark-mode .api-section .table td,
.dark-mode .api-section .table th {
  color: #fff;
}